<template>
	<div class="bookUp">
    <h1>输入文件要求</h1>
    <div class="bu__content">
      <div class="content__left">
        <p>1、文件命名方式为小说名+章节范围，例如：都市极品村医1100-1109.docx<br>
          2、文件格式需为docx，不可使用doc<br>
          3、每一集的章节名前需要有“§§§”标注，数量、符号均需匹配<br>
          4、角色名需用“【】”标注，【】内格式采用“小说中角色-CV人名”<br>
          5、符号与符号之间不可存在非必要空格</p>
      </div>
      <div class="content__right">
        <p>旁白与对话（单位：秒）： <InputNumber :min="0" :step="0.01" v-model="value2" placeholder="请输入间隔秒数"></InputNumber></p>
        <p>对话与对话（单位：秒）： <InputNumber :min="0" :step="0.01" v-model="value2" placeholder="请输入间隔秒数"></InputNumber></p>
        <p>对话与旁白（单位：秒）： <InputNumber :min="0" :step="0.01" v-model="value2" placeholder="请输入间隔秒数"></InputNumber></p>
        <div class="right">
          <el-button type="danger">选择上传文件</el-button>
          <el-button type="primary">提交</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
	name:'index',
  data(){
	  return{
	    value2:'1.00'
    }
  }
};
</script>

<style scoped lang='scss'>
.bookUp {
  .bu__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    .content__left {
      p {
        line-height: 28px;
        font-size: 18px;
      }
    }

    .content__right {
      p {
        font-size: 18px;
        font-weight: bold;
        line-height: 50px;
      }
      /deep/ .ivu-input-number{
        width: 300px!important;
      }

      button{
        margin-top: 30px;
        min-width: 160px;
      }
    }
  }
}
</style>

